// pages/todo/todo.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        taskList:[],//存放任务
        value:'',//输入框的值
        num1:0,//正在进行的个数
        num2:0,//已经完成的个数
        number:10
        
    },
    // 回车事件
    addTask(e){
        console.log(e);
        // 输入框的内容 在e.detail.value
        // let arr = this.data.taskList
        this.data.taskList.push({
            title:e.detail.value,
            checked:false,//默认加入的都是正在进行  已经完成 true
            id:new Date().getTime()
        })
        this.setData({
            taskList:this.data.taskList,
            value:''
        })
        console.log(this.data.taskList);

        this.filterList()
        
    },
    // 删除
    del(e){
        console.log(e);
        // 获取自定义属性的值
        let {id} = e.currentTarget.dataset
        console.log(id);
        let i = this.data.taskList.findIndex(item=>item.id == id)
        this.data.taskList.splice(i,1)
        this.setData({
            taskList:this.data.taskList
        })

        this.filterList()
       

    },
    // 修改状态
    changeStatus(e){
        let {index} = e.currentTarget.dataset
        let arr = this.data.taskList
        // 如果是true 切换状态变成false 如果是false  切换状态变成true
        arr[index].checked = !arr[index].checked
        this.setData({
            taskList:arr
        }) 

        this.filterList()
        
    },
    // 计算的函数
    filterList(){
        this.setData({
           num1: this.data.taskList.filter(item=>!item.checked).length,
           num2:this.data.taskList.filter(item=>item.checked).length
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
       
       this.filterList()


    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})